<!--
 * @Author: yuan-3-07 2144849287@qq.com
 * @Date: 2023-01-10 14:21:52
 * @LastEditors: yuan-3-07 2144849287@qq.com
 * @LastEditTime: 2023-01-13 11:49:00
 * @FilePath: \h520221123\模板页.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式表   注意引入的顺序 -->
    <!-- 1.引入样式重置表 -->
    <link rel="stylesheet" href="./css/resdt.css" />
    <!-- 引入插件 -->
    <link rel="stylesheet" href="./lib/swiper/swiper-bundle.css" />
    <!-- 2.引入公用样式 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 3.引入当前样式 -->
    <link rel="stylesheet" href="./css/API-details.css"/>
</head>
<body>
    <!-- 头部 -->
    <header class="clearfix plr30 abs">
        <!-- logo -->
        <img src="./images/new-logo-white2.png" alt="" class="logo mt18" />
        <!-- 菜单 -->
        <ul class="menu  abs smenu">
          <li ><a href="">首页</a></li>
          <li class="active"><a href="">API</a></li>
          <li><a href="">云服务</a></li>
          <li><a href=""> 案例</a></li>
          <li><a href="">开发者</a></li>
        </ul>
  
        <!-- 登录和注册 -->
        <div class="fr mt18 right f12">
          <a href="" class="password p515">登录</a>
          <a href="" class="p515 ml10">注册有礼</a>
        </div>
        
      </header>
      

      
   <!-- 粒子图片 -->
    <div id="banner">
        <div id="mydiv" style="width:1580px;height:400px" ></div>
        <!-- 中间内容 -->
        <div class="container  ">
            <!-- 白色底片的图 -->
            <div class="white rel">
                <img src="./images/API_02.jpg" alt="" class="mt56  ml65">
               <ul class="ce f18 abs ">
                <li >103</li>
                <li >14245</li>
                <li>623</li>
               </ul>
            </div>

        </div>
        <div class="real-rigth fr">
            <!-- 标题 -->
            <h1 class="rigth-title">
                <b>身份证实名认证</b>
                <span>支持hhtps</span>
                <span>企业专用</span>
            </h1>
            <!-- 副标题 -->
            <ul class="rigth-subhead cf ">
                <li>限企业实名用户使用</li>
                <li>本接口需提供应用场景审核</li>
                <li>个人实名用户无法使用</li>
            </ul>
            <!-- 说明 -->
            <p class="instructions">检测姓名和身份证号是否一致，身份证验证</p>
            <!-- 次数 -->
            <ul  class="rigth-number cf clearfix">
                <li class="rigth-code">
                    <img src="./images/API详情页_17.jpg" alt="" class="rigth-number-code">
                    扫码测试
                    <div class="rigth-number-code2">
                        <img src="./images/103-demo.png" alt="">
                        <p>微信扫一扫</p>
                    </div>

                </li>
                
                <li id="time"  class="active">4000次</li>
                <li >8000次</li>
                <li >40000次</li> 
            </ul>
            <!--  价格 -->
            <p class="rigth-price mt15">
                <span >￥1200</span>
                （约<b style="font-weight: normal;">0.30000</b> 元/次），仅限企业实名购买；
            </p>
            <!-- 申请按钮 -->
            <div class="buttom">立即申请</div>
        </div>

        </div>
    </div>
  <!-- 身份证实名认证 -->






<!-- API文档 -->
<div id="document" >
    <div class="document_all   ">
        <ul class="container f18">
            <li class="active fw">API文档</li>
            <li>错误码参照</li>
            <li>示例代码</li>
            <li>联系我们</li>
        </ul>
    </div>
    
</div>


<!-- 主要内容 -->
<main class="container clearfix ">
    <!-- 左边内容 -->
    <div class="left-box fl">
 <!-- 选项卡内容 -->
 <div class="tab-content container cf">
    <!-- 左侧边栏 -->
    <div class="tab-left ">
        <!-- 表格 -->
        <!-- api测试工具 1-->
        <div class="test-tool  f5">
            <ul>
                <li>接口地址：http://op.juhe.cn/idcard/query</li>
                <li>返回格式：json</li>
                <li>请求方式：http get/post</li>
                <li>请求示例：http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</li>
                <li>接口备注：error_code为0时计费</li>
            </ul>
            <p><a href="javascript:;">API测试工具</a></p>
        </div>
        <!-- 请求参数说明 2-->
        <div class="parameter-specification">
            <p><strong>请求参数说明：</strong></p>
            <table class="parameter-table">
                <tr>
                    <th>名称</th>
                    <th>必填</th>
                    <th>类型</th>
                    <th>说明</th>
                </tr>
                <tr>
                    <td>idcard</td>
                    <td>是</td>
                    <td>string</td>
                    <td>身份证号码</td>
                </tr>
                <tr>
                    <td>realname</td>
                    <td>是</td>
                    <td>string</td>
                    <td>姓名(UTF-8)</td>
                </tr>
                <tr>
                    <td>orderid</td>
                    <td>否</td>
                    <td>int</td>
                    <td>传1时返回单号，默认不返回单号(建议传入)</td>
                </tr>
                <tr>
                    <td>key</td>
                    <td>是</td>
                    <td>string</td>
                    <td>在个人中心->我的数据,接口名称上方查看</td>
                </tr>
            </table>
             <p><strong>返回参数说明：</strong></p>
            <table class="return-list">
                <tr>
                    <th>名称</th>
                    <th>类型</th>
                    <th>说明</th>
                </tr>
                <tr>
                    <td>error_code</td>
                    <td>int</td>
                    <td>返回码</td>
                </tr>
                <tr>
                    <td>reason</td>
                    <td>string</td>
                    <td>返回说明</td>
                </tr>
                <tr>
                    <td>result</td>
                    <td>object</td>
                    <td>返回结果集</td>
                </tr>
                <tr>
                    <td>realname</td>
                    <td>string</td>
                    <td>属result,真实姓名</td>
                </tr>
                <tr>
                    <td>idcard</td>
                    <td>string</td>
                    <td>属result,身份证号</td>
                </tr>
            </table>
        </div>
        <!-- 返回参数说明 3-->
        <div class="return-parameters">
            <p class="sample"><strong>JSON返回示例：<span>JSON在线格式化工具</span></strong></p>
            <span class="example-code f5">
                <p>{</p>
                <p>"reason": "成功",</p>
                <p>"result": {</p>
                <p>"realname": "***",/*真实姓名*/</p>
                <p>"idcard": "******************",/*身份证号码*/</p>
                <p>"orderid":"J103202010151450419556",/*流水号*/</p>
                <p>"res": 1 /*1：匹配 2：不匹配*/</p>
                <p> },</p>
                <p>"error_code": 0</p>
                <p>}</p>
            </span>
        </div>
        <!-- JSON返回示例 4 -->
        <div class="return-sample">
            <p><strong>联系我们</strong></p>
            <table>
                <tr>
                    <th>内容</th>
                    <th>详细</th>
                </tr>
                <tr>
                    <td>售前咨询①:</td>
                    <td>0512-88869195</td>
                </tr>
                <tr>
                    <td>客服热线:</td>
                    <td>400-882-7715</td>
                </tr>
                <tr>
                    <td>在线客服QQ:</td>
                    <td>800076065</td>
                </tr>
                <tr>
                    <td>接口测试:</td>
                    <td>API测试工具</td>
                </tr>
            </table>
        </div>
        <!-- 联系我们 隐藏-->
        <div class="contact-us">
            
        <!-- </div>
    </div> -->
   
</div>
</div>


    
    <!-- 右边内容 -->
    <div class="right-box fr clearfix" >
       <div class="activity f9 bold f18">活动推荐/Activity
        <ul class="mt18">
            <li><img src="./images/sfz-aside1.png" alt=""></li>
            <li><img src="./images/details-aside02.png" alt=""></li>
            <li class="mb20"><img src="./images/details-aside03.png" alt=""></li>
        </ul>
       </div>

       <!-- 猜你喜欢 -->
       <div class="guess_a f9 bold f18 ">猜你喜欢</div>
       <div class="guess clearfix">
        
        <div  class="guess_img rel ">
            <img src="./images/API22.jpg" alt="" class="fl abs">
        </div>
            
          <div class="guess_word clearfix"> 
            <ul class="fr">
               <p><li class="fr ">短信API服务</li></p> 
              <!-- <p> <li class="fr">三网合一短信通道，验证码短信 · 系统通知 · 活动通知</li>  </p>  -->
            </ul>
            
          </div>
           
            
       </div>
    </div>

</main>



























<!-- 现在注册 -->
<div id="register">
    <div class="container rel">
        <p class="f3 f35">现在注册，百款接口免费测试</p>
        <button class="btn f3 abs f16">免费注册</button>
    </div>
</div>




















   <!-- 尾部 -->
  <footer class="container">
    <!-- 上半部分 -->
    <div class="cf">
        <!-- 左侧列表 -->
        <table class="footer">
            <tr>
                <th>
                    <a href="#">联系与支持</a>
                </th>
                <th>
                    <a href="#">关于源码</a>
                </th>
                <th>
                    <a href="#">产品服务</a>
                </th>
                <th>
                    <a href="#">产品服务</a>
                </th>
                <th>
                    <a href="#">解决方案</a>
                </th>
            </tr>
            <tr>
                <td>
                    <a href="#">400-882-7715</a>
                </td>
                <td>
                    <a href="#">400-882-7715</a>
                </td>
                <td>
                    <a href="#">400-882-7715</a>
                </td>
                <td>
                    <a href="#">400-882-7715</a>
                </td>
                <td>
                    <a href="#">400-882-7715</a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#">售前咨询</a>
                </td>
                <td>
                    <a href="#">售前咨询</a>
                </td>
                <td>
                    <a href="#">售前咨询</a>
                </td>
                <td>
                    <a href="#">售前咨询</a>
                </td>
                <td>
                    <a href="#">售前咨询</a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#">客服&售后</a>
                </td>
                <td>
                    <a href="#">客服&售后</a>
                </td>
                <td>
                    <a href="#">客服&售后</a>
                </td>
                <td>
                    <a href="#">客服&售后</a>
                </td>
                <td>
                    <a href="#">客服&售后</a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#">常见问题</a>
                </td>
                <td>
                    <a href="#">常见问题</a>
                </td>
                <td>
                    <a href="#">常见问题</a>
                </td>
                <td>
                    <a href="#">常见问题</a>
                </td>
                <td>
                    <a href="#">常见问题</a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#">极速工单</a>
                </td>
                <td>
                    <a href="#">极速工单</a>
                </td>
                <td>
                    <a href="#">极速工单</a>
                </td>
                <td>
                    <a href="#">极速工单</a>
                </td>
                <td>
                    <a href="#">极速工单</a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#">投诉与建议</a>
                </td>
                <td>
                    <a href="#">投诉与建议</a>
                </td>
                <td>
                    <a href="#">投诉与建议</a>
                </td>
                <td>
                    <a href="#">投诉与建议</a>
                </td>
                <td>
                    <a href="#">投诉与建议</a>
                </td>
            </tr>
        </table>
        <!-- 右侧二维码 -->
        <div class="official-account cf">
            <h3>微信公众号</h3>
            <p>源码时代</p>
            <img src="./images/wechat-white.png" alt="">
        </div>
    </div>
    <!-- 尾部指南 -->
    <div class="tail-guide">
        <p class="tail-left  c3">
            <img src="./images/bei1.png" alt="">
            <img src="./images/bei2.png" alt="">
            增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
        </p>
        <p class="tail-rigth c3">源码大数据股份有限公司©版权所有</p>
    </div>
</footer>




  <!--引入工具类  -->
  <script src="./js/utils.js"></script>
  <!-- 引入插件库js -->
  <script src="./lib/swiper/swiper-bundle.js"></script>
  <!-- 引入js 脚本 -->
  <script src="./js/API-details.js"></script>
  <!-- 插入粒子 -->
  <script src="./js/canvas-particle.js"></script>

  <script>
            //配置
var config = {
    vx: 4,	//小球x轴速度,正为右，负为左
    vy: 4,	//小球y轴速度
    height: 2,	//小球高宽，其实为正方形，所以不宜太大
    width: 2,
    count: 200,		//点个数
    color: "193.193.193.193", 	//点颜色
    stroke: "EDEDED", 		//线条颜色
    dist: 6000, 	//点吸附距离
    e_dist: 20000, 	//鼠标吸附加速距离
    max_conn: 10 	//点到点最大连接数
}

//调用
CanvasParticle(config);
  </script>
 
</body>
</html>